/*

 */
/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* line 12, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* line 13, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

/* line 14, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 15, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
blockquote, q {
  quotes: none;
}

/* line 16, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 17, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* start editing from here */
/* line 19, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
a {
  text-decoration: none;
}

/* line 20, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.txt-rt {
  text-align: right;
}

/* text align right */
/* line 21, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.txt-lt {
  text-align: left;
}

/* text align left */
/* line 22, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.txt-center {
  text-align: center;
}

/* text align center */
/* line 23, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.float-rt {
  float: right;
}

/* float right */
/* line 24, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.float-lt {
  float: left;
}

/* float left */
/* line 25, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clear {
  clear: both;
}

/* clear float */
/* line 26, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.pos-relative {
  position: relative;
}

/* Position Relative */
/* line 27, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.pos-absolute {
  position: absolute;
}

/* Position Absolute */
/* line 28, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.vertical-base {
  vertical-align: baseline;
}

/* vertical align baseline */
/* line 29, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.vertical-top {
  vertical-align: top;
}

/* vertical align top */
/* line 30, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
/* line 31, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
nav.vertical ul li {
  display: block;
}

/* vertical menu */
/* line 32, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
nav.horizontal ul li {
  display: inline-block;
}

/* horizontal menu */
/* line 33, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
img {
  max-width: 100%;
}

/*end reset*/
@font-face {
  font-family: 'overpassregular';
  src: url(Overpass_Regular-webfont.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 41, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
body {
  font-family: 'overpassregular';
  font-size: 100%;
  background: #f9f9f9;
}

/* line 46, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.wrap {
  margin: 0 auto;
  width: 1100px;
}

/* start span_of_2 */
/* line 51, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_of_2 {
  margin: 4% 0;
}

/* line 54, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span1_of_2 {
  float: right;
  width: 56.33333%;
  margin-left: 3.33333%;
}

/* line 59, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_left {
  float: left;
  width: 800px;
}

/* start span1_of_1 style */
/*---start container --*/
/* line 65, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#info {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #fcf8e3;
  border: 1px solid  #fbeed5;
  width: 95%;
  max-width: 900px;
  margin: 0 auto 40px auto;
  font-family: arial;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/* line 81, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#info .info-wrapper {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

/* line 87, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#info a {
  color: #c09853;
  text-decoration: none;
}

/* line 92, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#info p {
  margin: 5px 0 0 0;
}

/* line 95, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.container {
  position: relative;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 102, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#filters {
  margin: 4% 0;
  padding: 0;
  list-style: none;
}

/* line 107, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#filters li {
  display: inline-block;
  margin-right: 20px;
}

/* line 111, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#filters li span {
  font-size: 1em;
  display: block;
  padding: 10px 30px;
  color: #455670;
  background: #F2F2F2;
  border: 1px solid #eeeeee;
  text-decoration: none;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}

/* line 126, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#filters li span.active, #filters li span:hover {
  background: #6AD1DD;
  border: 1px solid #53C4D1;
  color: #fff;
}

/* line 131, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
#portfoliolist .portfolio {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  width: 46.33333%;
  margin: 3.3333% 0;
  display: none;
  float: left;
  overflow: hidden;
}

/* line 141, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.portfolio.left {
  margin-left: 6.3333% !important;
}

/* line 144, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.portfolio-wrapper {
  overflow: hidden;
  position: relative !important;
  cursor: pointer;
}

/* line 149, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.portfolio img {
  top: 0px !important;
  max-width: 100%;
  position: relative;
  opacity: 5;
  transition: all 300ms !important;
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
}

/* line 158, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style {
  top: -2px;
  position: relative;
  background: #ffffff;
  padding: 20px;
  text-align: center;
  box-shadow: inset 0px -1px 2px #dddddd;
  -webkit-box-shadow: inset 0px -1px 2px #dddddd;
  -moz-box-shadow: inset 0px -1px 2px #dddddd;
  -o-box-shadow: inset 0px -1px 2px #dddddd;
}

/* line 169, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style a {
  display: block;
}

/* line 172, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style a span {
  position: absolute;
  left: 42%;
  top: -32px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

/* line 184, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style a span.icon_1 {
  background: #6AD1DD url(sprites.png) no-repeat 14px 16px;
}

/* line 187, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style a span.icon_2 {
  background: #CDCDCD url(sprites.png) no-repeat 15px -20px;
}

/* line 190, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style a span.icon_3 {
  background: #ffffff url(sprites.png) no-repeat 15px -55px;
}

/* line 193, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_style a span.icon_4 {
  background: #ffffff url(sprites.png) no-repeat 15px -91px;
}

/* line 196, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text h2 {
  margin-top: 10px;
  font-size: 1.2em;
  color: #455670;
  text-transform: capitalize;
}

/* line 202, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text p {
  font-size: 0.8725em;
  color: #9CA4B1;
  line-height: 1.8em;
}

/* line 207, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text form {
  margin: 4% 0;
}

/* line 210, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text form input[type="button"] {
  font-family: 'overpassregular';
  background: #ED5139;
  color: #ffffff;
  font-size: 1em;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.5em;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

/* line 230, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text form input[type="button"]:hover {
  background: #E4472E;
}

/* line 233, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text form input[type="button"].bg {
  background: #A0D468;
}

/* line 236, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.label_text form input[type="button"].bg:hover {
  background: #94C85D;
}

/* Self Clearing Goodness */
/* line 240, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 241, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* line 249, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.row:after, .clearfix:after {
  clear: both;
}

/* line 252, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.row, .clearfix {
  zoom: 1;
}

/* line 255, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* start span_btm */
/* line 264, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_top {
  margin-top: 20px;
  background: #ffffff;
  box-shadow: inset 0px -1px 2px #dddddd;
  -webkit-box-shadow: inset 0px -1px 2px #dddddd;
  -moz-box-shadow: inset 0px -1px 2px #dddddd;
  -o-box-shadow: inset 0px -1px 2px #dddddd;
}

/* line 272, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_top img {
  width: 100%;
}

/* line 275, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text {
  padding: 6%;
  padding-top: 20px;
}

/* line 279, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text h3 {
  font-size: 1.5em;
  color: #455670;
  text-transform: capitalize;
}

/* line 284, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text p a {
  color: #A0D468;
}

/* line 287, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text p {
  font-size: 0.8725em;
  color: #9CA4B1;
  line-height: 1.8em;
}

/* span_text form  */
/* line 293, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text form {
  position: relative;
  margin-top: 4%;
}

/* line 297, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text form input[type="button"] {
  font-family: 'overpassregular';
  width: 34.3333%;
  float: left;
  background: #F97E76;
  color: #ffffff;
  font-size: 1em;
  padding: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.5em;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

/* line 319, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text form input[type="button"].bg {
  background: #A0D468;
}

/* line 322, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text form input[type="button"].bg:hover {
  background: #92C45D;
}

/* line 325, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text form input[type="button"].bg1 {
  margin-left: 10px;
  background: #48C0EB;
}

/* line 329, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_text form input[type="button"].bg1:hover {
  background: #40B0D8;
}

/* line 332, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.or {
  background: #ffffff;
  color: #455670;
  display: block;
  padding: 10px 12px;
  font-size: 0.8725em;
  position: absolute;
  top: 4px;
  left: 32%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
}

/* line 346, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.bckcolor-ori {
  background: #FE6D4B;
}

/* start span1_of_2 style */
/* line 351, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grids_of_2 {
  display: block;
}

/* line 354, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grids_of_2.top {
  margin-top: 4%;
}

/* line 357, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_1 {
  float: left;
  width: 34.3333%;
}

/* line 361, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 {
  float: left;
  width: 60.3333%;
  margin-left: 5.3333%;
}

/* line 366, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temparature {
  padding: 20px;
  background: #FE6D4B;
}

/* line 370, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temparature h4.left {
  float: left;
}

/* line 373, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temparature span.right {
  float: right;
}

/* line 376, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temparature h4 {
  font-size: 3em;
  color: #ffffff;
}

/* line 380, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temparature h4 sup {
  font-size: 14px;
  vertical-align: text-top;
}

/* line 384, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temparature span.bg {
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  background: url(sprites.png) no-repeat -40px -34px;
  margin-top: 10px;
}

/* line 392, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list_main {
  background: #ffffff;
  box-shadow: inset 0px -1px 2px #dddddd;
  -webkit-box-shadow: inset 0px -1px 2px #dddddd;
  -moz-box-shadow: inset 0px -1px 2px #dddddd;
  -o-box-shadow: inset 0px -1px 2px #dddddd;
}

/* line 400, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_main {
  padding: 8%;
}

/* line 403, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_main.top {
  border-top: 1px solid #e4e4e4;
}

/* line 406, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list {
  float: left;
}

/* line 410, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list li {
  display: block;
}

/* line 413, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_img {
  float: left;
  width: 40%;
}

/* line 417, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_text {
  float: left;
  width: 50%;
  margin-left: 10px;
}

/* line 422, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_text h4 {
  font-size: 1em;
  color: #455670;
  text-transform: uppercase;
}

/* line 427, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_text h5 {
  font-size: 0.8725em;
  color: #9CA4B1;
}

/* line 431, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_text h5 sup {
  font-size: 11px;
  vertical-align: super;
}

/* line 435, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list_icon {
  float: right;
}

/* line 438, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list_icon li {
  display: block;
}

/* line 441, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list_icon li i {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: url(sprites.png) no-repeat;
}

/* line 448, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list_icon li i.icon_1 {
  background-position: -44px -84px;
}

/* line 451, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.temp_list_icon li i.icon_2 {
  background-position: -44px -124px;
}

/* span_text form  */
/* line 455, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"] {
  font-family: 'overpassregular';
  width: 30.3333%;
  float: left;
  background: #F97E76;
  color: #ffffff;
  font-size: 1em;
  padding: 12px 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 1.5em;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

/* line 477, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"].bg1 {
  background: #A0D468;
}

/* line 480, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"].bg1:hover {
  background: #92C45D;
}

/* line 483, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"].bg2 {
  margin-left: 15px;
  background: #48C0EB;
}

/* line 487, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"].bg2:hover {
  background: #40B0D8;
}

/* line 490, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"].bg3 {
  margin-left: 15px;
  background: #FE6D4B;
}

/* line 494, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.grid1_of_2 form input[type="button"].bg3:hover {
  background: #E55F40;
}

/* line 497, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.list {
  margin-top: 4%;
}

/* line 500, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.list li {
  display: inline-block;
  margin-left: 15px;
}

/* line 504, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.list li:first-child {
  margin-left: 0;
}

/* line 507, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.list li a {
  display: block;
  font-size: 1em;
  padding: 10px 24px;
  text-transform: uppercase;
  background: #2DBD9B;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

/* line 523, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.list li a:hover {
  background: #2FB696;
}

/* line 526, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons {
  margin-top: 4%;
}

/* line 529, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li {
  width: 28.3333%;
  display: inline-block;
  margin-left: 15px;
  text-align: center;
}

/* line 535, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li:first-child {
  margin-left: 0;
}

/* line 538, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a {
  display: block;
  font-size: 1em;
  padding: 10px 10px;
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
}

/* line 553, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a.bg1 {
  background: #5A9AEF;
}

/* line 556, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a.bg2 {
  background: #48C0EB;
}

/* line 559, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a.bg3 {
  background: #A0D468;
}

/* line 562, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a i {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  background: url(sprites.png) no-repeat;
}

/* line 569, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a i.icon_1 {
  background-position: -88px -88px;
}

/* line 572, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a i.icon_2 {
  background-position: -124px -86px;
}

/* line 575, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a i.icon_3 {
  background-position: -162px -88px;
}

/* line 578, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.soc_icons li a:hover {
  zoom: 1;
  filter: alpha(opacity=75);
  opacity: 0.7;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

/* span_list */
/* line 589, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_list {
  margin-top: 4%;
  padding: 4%;
  background: #ffffff;
  box-shadow: inset 0px -1px 2px #dddddd;
  -webkit-box-shadow: inset 0px -1px 2px #dddddd;
  -moz-box-shadow: inset 0px -1px 2px #dddddd;
  -o-box-shadow: inset 0px -1px 2px #dddddd;
}

/* line 598, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_list_img {
  float: left;
  width: 16.33333%;
}

/* line 602, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_list_img img {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

/* line 608, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_list_text {
  float: left;
  width: 78.33333%;
  margin-left: 4%;
}

/* line 613, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.span_list_text p {
  font-size: 0.8725em;
  color: #9CA4B1;
  line-height: 1.8em;
}

/* line 618, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.star-rating {
  border: 0 none;
  display: block;
  overflow: hidden;
  text-align: center;
}

/* line 624, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.star-rating legend {
  display: inline-block;
  line-height: 18px;
  float: left;
  text-align: left;
  width: 300px;
}

/* line 631, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.star-rating input {
  display: none;
}

/* line 634, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
label {
  /*background-image: url('http://jsdev.brinkster.net/images/star-empty.png');*/
  background-image: url(assets/star-empty.png);
  background-repeat: no-repeat;
  cursor: pointer;
  float: right;
  text-indent: -9999px;
  width: 32px;
  height: 32px;
}

/* line 644, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.star-rating input:checked + label,
.star-rating input:checked ~ label,
.star-rating input:hover ~ label {
  /*background-image: url('http://jsdev.brinkster.net/images/star-rated.png');*/
  background-image: url(assets/star-rated.png);
}

/* feeds */
/* line 652, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.ranker {
  background: #ffffff;
}

/* line 655, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.ranker h4 {
  text-align: center;
  background: #4FC1E9;
  color: #ffffff;
  font-size: 1.1em;
  padding: 20px;
  text-transform: uppercase;
}

/* line 663, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.ranker_b {
  text-align: center;
  display: inherit;
  margin-top: -20px;
}

/* line 668, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.viewer {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: inline-block;
  background: #4FC1E9 url(sprites.png) no-repeat 8px 11px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
}

/* line 679, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_list {
  background: #ffffff;
  box-shadow: inset 0px -1px 2px #dddddd;
  -webkit-box-shadow: inset 0px -1px 2px #dddddd;
  -moz-box-shadow: inset 0px -1px 2px #dddddd;
  -o-box-shadow: inset 0px -1px 2px #dddddd;
}

/* line 686, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_main {
  padding: 20px;
  border-bottom: 1px solid #e4e4e4;
}

/* line 691, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_index {
  float: left;
}

/* line 694, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_index h4 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 30px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}

/* line 706, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text .title a {
  font-size: 16px;
}

/* line 711, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text .firstline {
  margin-top: 10px;
}

/* line 714, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text .number {
  font-size: 12px;
  display: block;
  padding: 3px;
}

/* line 720, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text .number i {
  display: inline-block;
  width: 150px;
}

/* line 725, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */

.feeds_text .rnumber i {
  margin-top: 10px;
  font-size: 12px;
  display: inline-block;
  width: 280px;
}

/* line 734, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_img {
  float: left;
  width: 180px;
  height: 101px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border: 1px solid #eee;
  box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

/* line 747, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_img img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  width: 176px;
  height: 96px;
  padding: 3px;
}

/* line 756, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text {
  float: left;
  width: 320px;
  margin-left: 5.33333%;
  margin-right: 5.33333%;
}

/* line 762, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text span {
  font-size: 0.8725em;
  color: #9CA4B1;
  vertical-align: baseline;
}

/* line 767, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text span a {
  color: #455670;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 774, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.feeds_text span a:hover {
  color: #4FC1E9;
}

/* clouds_storage */
/* line 778, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clouds_storage {
  background: #48CFAD;
  padding: 4%;
}

/* line 782, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clouds_storage h4.left {
  float: left;
}

/* line 785, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clouds_storage h4 {
  color: #ffffff;
  font-size: 1.5em;
  text-transform: capitalize;
}

/* line 790, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clouds_storage span.bg {
  width: 44px;
  height: 44px;
  display: inline-block;
  vertical-align: middle;
  background: #39BE9D url(sprites.png) no-repeat -122px -28px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
}

/* line 801, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.clouds_storage span.right {
  float: right;
}

/* line 804, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list {
  background: #ffffff;
  box-shadow: inset 0px -1px 2px #dddddd;
  -webkit-box-shadow: inset 0px -1px 2px #dddddd;
  -moz-box-shadow: inset 0px -1px 2px #dddddd;
  -o-box-shadow: inset 0px -1px 2px #dddddd;
}

/* line 811, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li a {
  padding: 4%;
  display: block;
  color: #9CA4B1;
  font-size: 0.8725em;
  text-transform: capitalize;
  border-bottom: 1px solid #e4e4e4;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 823, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li a span {
  padding-left: 15px;
}

/* line 826, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li.active a i, .cloud_list li a:hover i {
  background: #48CFAD url(sprites.png) no-repeat;
}

/* line 829, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li.active a, .cloud_list li a:hover {
  color: #48CFAD;
}

/* line 832, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li a i {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  background: #9CA4B1 url(sprites.png) no-repeat;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
}

/* line 843, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li a i.icon_1 {
  background-position: 3px -169px;
}

/* line 846, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li a span.right {
  float: right;
  display: block;
  margin-bottom: 20px;
  color: #455670;
}

/* line 852, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.cloud_list li:nth-last-child(2) a {
  border-bottom: none;
}

/* start copy */
/* line 856, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.copy {
  margin-top: 4%;
  text-align: center;
}

/* line 860, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.copy p {
  color: #455670;
  font-size: 0.8725em;
  line-height: 1.8em;
  font-weight: 100;
}

/* line 866, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.copy p a {
  color: #48C0EB;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 873, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.copy p a:hover {
  color: #455670;
}

/***** Media Quries *****/
@media only screen and (max-width: 1440px) {
  /* line 881, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 10px 22px;
  }

  /* line 884, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_1 {
    width: 30.3333%;
  }

  /* line 887, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_2 {
    width: 64.3333%;
  }

  /* line 890, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .list li a {
    padding: 10px 16px;
  }

  /* line 893, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .soc_icons li {
    width: 30.3333%;
  }
}
@media only screen and (max-width: 1366px) {
  /* line 898, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 10px 18px;
  }

  /* line 901, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .soc_icons li a {
    padding: 10px 8px;
  }
}
@media only screen and (max-width: 1280px) {
  /* line 906, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 10px 16px;
  }

  /* line 909, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .soc_icons li a {
    padding: 10px 7px;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 914, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li {
    margin-right: 15px;
  }

  /* line 917, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 10px 9px;
  }

  /* line 920, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_1 {
    float: none;
    width: 100%;
  }

  /* line 924, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 4%;
  }

  /* line 930, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .temparature {
    padding: 20px;
  }

  /* line 933, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .temp_main {
    padding: 4%;
  }

  /* line 936, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .feeds_main {
    padding: 4%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 941, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters {
    margin: 4% 0 0%;
  }

  /* line 944, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 10px 16px;
  }

  /* line 947, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .span_text {
    padding: 4%;
  }

  /* line 950, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .span_left {
    float: none;
    width: 100%;
  }

  /* line 954, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .span1_of_2 {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 4%;
  }

  /* line 960, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .feeds_img {
    float: left;
    width: 12.333333%;
  }

  /* line 964, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .span_list_text p {
    margin-bottom: 4%;
  }

  /* line 967, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .hide {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  /* line 975, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 10px 13px;
  }

  /* line 978, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .span_text form input[type="button"] {
    width: 36.3333%;
    font-size: 0.8725em;
  }
}
@media only screen and (max-width: 320px) {
  /* line 984, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #portfoliolist .portfolio {
    width: 100%;
    margin: 3.3333% 0;
    float: none;
  }

  /* line 989, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .portfolio.left {
    margin-left: 0% !important;
  }

  /* line 992, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .portfolio img {
    width: 100%;
  }

  /* line 995, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_2 form input[type="button"].bg2 {
    margin-left: 5px;
  }

  /* line 998, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_2 form input[type="button"].bg3 {
    margin-left: 5px;
  }

  /* line 1001, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .grid1_of_2 form input[type="button"] {
    width: 31.3333%;
    font-size: 11px;
    padding: 12px 6px;
  }

  /* line 1006, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .list li {
    margin-left: 5px;
  }

  /* line 1009, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .list li a {
    font-size: 11px;
    padding: 12px 10px;
  }

  /* line 1013, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .soc_icons li {
    width: 31%;
    margin-left: 5px;
  }

  /* line 1017, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .soc_icons li a {
    padding: 10px 2px;
    font-size: 11px;
  }

  /* line 1021, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li span {
    padding: 6px 5px;
    font-size: 0.8125em;
  }

  /* line 1025, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  #filters li {
    margin-right: 10px;
  }

  /* line 1028, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .span_text form input[type="button"] {
    width: 47.3333%;
    font-size: 0.8725em;
  }

  /* line 1032, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
  .or {
    top: 3px;
    left: 41%;
  }
}
/* line 1041, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
body {
  background: #e6e6e6;
}

/* line 1045, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
.main-navigation {
  width: 800px;
  margin: 0 auto;
}

/* line 1050, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
li a, .main-navigation li {
  display: inline-block;
  text-decoration: none;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  width: 120px;
  text-align: center;
  color: #888;
}

/* line 1062, /home/biliran3/vc/app/assets/stylesheets/index.scss.erb */
li a:hover, .main-navigation li:hover {
  background: #eee;
}

/*自定义：文本调整*/
.text_more{
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
  height: 25px;
  color: #33383F;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.text_more a:hover {
  color: #00A1D6;
}
.feeds_text .l_number{
font-size: 12px;
  display: block;
  padding: 3px;
 }
 
.feeds_text .l_number i {
  display: inline-block;
}

.other_text{
margin-top: 0px;
  font-size: 12px;
  display: inline-block;
  width: 280px;
  color: #9CA4B1;
}

.footer_text{
color: #455670;
}